<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title th:text="${broker}?${broker.name}:#{brokerindexpage.title.nobroker}"></title>
        <meta name="description" content="" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
        
        <!--[if lte IE 9]><link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" /><![endif]-->

		<link rel="stylesheet" href="css/css.css" th:href="@{/css/min.css}"/>            
        <script src="http://lib.sinaapp.com/js/jquery/1.9.0/jquery.min.js" th:src="@{http://lib.sinaapp.com/js/jquery/1.9.0/jquery.min.js}"></script>
        <script th:inline="javascript">/*<![CDATA[*/
        window.jQuery || document.write('<script src="'+ /*[[@{/js/vendor/jquery-1.9.0.min.js}]]*/ 'js/vendor/jquery-1.9.0.min.js'
        		+'"><\/script>')
        /*]]>*/</script>
        <script type="text/javascript" th:src="@{/js/econgen.js}"></script>
    </head>
    <body>
        <header th:substituteby="common/template::header"></header>
        
        <div class="pattern-top">
        	<div class="row" th:if="${broker}">
        		<h1 th:text="${broker.name}"></h1>
        	</div>
        	<div class="row" th:unless="${broker}">
	        	<h1 th:text="#{brokerindexpage.content.nobroker}"></h1>
        	</div>
        </div>
		<div class="container" th:if="${broker}">
			<div class="row">
				<div class="eightcol">
					<div>
						<h3 th:text="#{brokerindexpage.content.step.title}"></h3>
						<ol>
							<li th:utext="#{brokerindexpage.content.step1(@{/register.html})}"></li>
							<li th:utext="#{brokerindexpage.content.step2(${broker.refLink}, ${broker.name})}"></li>
							<li th:text="#{brokerindexpage.content.step3(${broker.name})}"></li>
							<li th:utext="#{brokerindexpage.content.step4(@{/i/})}"></li>
							<li th:text="#{brokerindexpage.content.step5}"></li>
						</ol>
					</div>
					<div>
						<h3><span th:text="${broker.name}"></span><span th:text="#{brokerindexpage.content.notice}"></span></h3>
						<div th:utext="${broker.brokerDesc}">
						</div>
					</div>
				</div>
				<div class="fourcol last">
					<h2><a href="#" th:href="${broker.refLink}" th:title="${broker.name}" th:text="#{brokerindexpage.content.brokerinfo.link}"></a></h2>
					<ul class="broker-info">
						<li th:if="${broker.country}"><span th:text="#{brokerindexpage.content.brokerinfo.country}"></span><span th:text="${broker.country}"></span></li>
						<li th:if="${broker.founded}"><span th:text="#{brokerindexpage.content.brokerinfo.founded}"></span><span th:text="${broker.founded}"></span></li>
						<li th:if="${broker.regulationInfo}"><span th:text="#{brokerindexpage.content.brokerinfo.regulationInfo}"></span><span th:text="${broker.regulationInfo}"></span></li>
						<li th:if="${broker.minOpen}"><span th:text="#{brokerindexpage.content.brokerinfo.minOpen}"></span><span th:text="${broker.minOpen}"></span></li>
						<li th:if="${broker.minTrade}"><span th:text="#{brokerindexpage.content.brokerinfo.minTrade}"></span><span th:text="${broker.minTrade}"></span></li>
						<li th:if="${broker.maxTrade}"><span th:text="#{brokerindexpage.content.brokerinfo.maxTrade}"></span><span th:text="${broker.maxTrade}"></span></li>
						<li th:if="${broker.maxLeverage}"><span th:text="#{brokerindexpage.content.brokerinfo.maxLeverage}"></span><span th:text="${broker.maxLeverage}?('1:' + ${broker.maxLeverage})"></span></li>
						<li th:if="${broker.spread}"><span th:text="#{brokerindexpage.content.brokerinfo.spread}"></span><span th:text="${broker.spread}"></span></li>
						<li th:if="${broker.tradePlatform}"><span th:text="#{brokerindexpage.content.brokerinfo.tradePlatform}"></span><span th:text="${broker.tradePlatform}"></span></li>
						<li th:if="${broker.hasChinese}"><span th:text="#{brokerindexpage.content.brokerinfo.hasChinese}"></span><span th:text="${broker.hasChinese}"></span></li>
						<li th:if="${broker.hasChinaOffice}"><span th:text="#{brokerindexpage.content.brokerinfo.hasChinaOffice}"></span><span th:text="${broker.hasChinaOffice}"></span></li>
						<li th:if="${broker.unionPay}"><span th:text="#{brokerindexpage.content.brokerinfo.unionPay}"></span><span th:text="${broker.unionPay}"></span></li>
						<li th:if="${broker.tradeKind}"><span th:text="#{brokerindexpage.content.brokerinfo.tradeKind}"></span><span th:text="${broker.tradeKind}"></span></li>
						<li th:if="${broker.contact}"><span th:text="#{brokerindexpage.content.brokerinfo.contact}"></span><span th:text="${broker.contact}"></span></li>
					</ul>
				</div>
			</div>
		</div>

        <footer th:substituteby="common/template::footer"></footer>
        
    </body>
</html>
